<!DOCTYPE html>
<html>
  <head lang="en">
    <meta charset="UTF-8" />
    <title>Demo</title>
    <!-- Editor's Dependencies -->
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.33.0/codemirror.css"
    />
    <!-- Editor -->
    <link rel="stylesheet" href="../../dist/toastui-editor.css" />
  </head>
  <body>
    <div id="editor"></div>
    <!-- Editor Dependencies -->
    <script src="../../node_modules/codemirror/lib/codemirror.js"></script>
    <!-- Editor -->
    <script src="../../dist/toastui-editor.js"></script>
    <script class="code-js">
      var editor = new toastui.Editor({
        el: document.querySelector('#editor'),
        previewStyle: 'vertical',
        height: '400px',
        initialEditType: 'markdown',
        useCommandShortcut: true,
        extendedAutolinks: true
      });
    </script>
  </body>
</html>
